import React from 'react'
// ？ 为什么react中组件的首字母必须大写？
// 如果小写，被视为 html 固有的标签，而html固有标签如果没有，则不显示

const Header = () => {
  return (
    <header>react 核心库只关注于视图层</header>
  )
}

class Content extends React.Component {
  render () {
    return (
      <div>react 16.8 推出了 react hooks</div>
    )
  }
}

const Footer = () => {
  return (
    <footer>react真的很简单</footer>
  )
}

class App extends React.Component {
  render () {
    return (
      <div>
        <Header></Header>
        <Content></Content>
        <Footer></Footer>
      </div>
    )
  }
}

export default App